.index_about {  
    width: 19.2rem;
    padding:1rem 0rem 0.5rem ; margin: 0 auto;
} 

.index_pro {  
    width: 19.2rem;
    padding:1rem 0rem  0.5rem; margin: 0 auto;
} 

.index_part {  
    width: 19.2rem;
    padding:1rem 0rem  0.5rem; margin: 0 auto;
} 

.title{ margin-bottom:25px; }
.title span{ width:60px; height:4px; background:#008acd; display:block; }
.title h2{ color:#008acd; font-weight:bolder;     letter-spacing: .05rem;}
.title p{ color:#d5d5d5; font-size:24px; font-size: 16px;    margin-top: -0.1rem;}
.a_text{ width:92%;margin: 40px 0px; }
.a_text p{ font-size:17px; margin-bottom:18px; }
.a_text p:nth-last-child(2){
	margin-top: 33px;
}
.a_text a{ display:inline-block;  background:#008acd; color:#fff; border: .01rem solid #008acd;
    border-radius: 15px;
    padding: .06rem .15rem; margin-top:20px; font-size:16px; 
	position: absolute;
	top: 575px;
	 }
.index_about img{ border-radius:30px; max-width:100%;  }

.index_pro a{ display:block; position:relative; margin-bottom:40px; border-radius:30px; overflow:hidden;  }
.index_pro img{ max-width:100%; vertical-align:middle; width:100%; }

.index_pro a .p_text{ position:absolute; width:100%; height:100%; z-index:999; top:0px; left:0px; padding:5% 7%; color:#fff; background:rgba(1,49,103,.5); display:none; }
.index_pro a .p_text h3{ font-size:30px; }
.index_pro a .p_text p{ font-size:16px; }
.index_pro a .p_text span  
{
    display:inline-block; 
    color:#fff; 
    border: .01rem solid #fff;
    border-radius: 15px;
    padding: .06rem .3rem; 
    position:absolute;  
    bottom:10%;
    font-size:16px; 
}

.index_pro a:hover .p_text{ position:absolute; width:100%; height:100%; z-index:999; top:0px; left:0px; padding:5% 7%; color:#fff; background:rgba(1,49,103,.5); display:block; }
.index_pro .last a{ margin-bottom:0px; } 
.index_part ul {
	padding:0px;  
	font-size:14px;
	text-align:  center;
	width: 100%;
	/* margin-left: -120px; */
	}
	.index_part .row{
		
	}

.index_part ul li{
    box-shadow: 1px 1px 3px 1px #e7e8ec;
    background: #fff;
    display: inline-block;
    padding: 10px 10px;
    margin-right: 40px;
    margin-bottom: 30px;
    border-radius: 20px;
    font-size: 14px;
    width: 20%;
    height: 85px;
    line-height: 60px;
    border: 3px solid;
    border-color: #e7e8ec;
	  }
.index_part ul li img{ height:40px; max-width:100%; }
.index_part ul li:nth-of-type(1){
	width: 20%;
}
.index_part ul li:nth-of-type(2){
	width: 14%;
}
.index_part ul li:nth-of-type(3){
	width: 14%;
}
.index_part ul li:nth-of-type(4){
	width: 12%;
}
.index_part ul li:nth-of-type(5){
	width: 20%;
}
.index_part ul li:nth-of-type(5) img{
	width: 85%;
}
.index_part ul li:nth-of-type(6){
	width: 17%;
}
.index_part ul li:nth-of-type(7){
	width: 25%;
}
.index_part ul li:nth-of-type(7) img{
	width: 85%;
}
.index_part ul li:nth-of-type(8){
	width: 21.5%;
}
.index_part ul li:nth-of-type(8) img{
	width: 85%;
}
.index_part ul li:nth-of-type(9){
	width: 21.5%;
}
.index_part ul li:nth-of-type(9) img{
	width: 85%;
}
.index_part ul li:nth-of-type(10){
	width: 30%;
}
.index_part ul li:nth-of-type(10) img{
	width: 85%;
}
.index_part ul li:nth-of-type(11){
	width: 24%;
}
.index_part ul li:nth-of-type(11) img{
	width: 85%;
}
.index_part ul li:nth-of-type(12){
	width: 30%;
}
.index_part ul li:nth-of-type(12) img{
	width: 70%;
}
.index_part ul li a{ font-size:14px; }



.index_part ul li:hover{ box-shadow: 0px 1px 2px 1px #cacaca; }
/* book */
@media (min-width: 992px) and (max-width: 1199px) {
 
.index_about{  padding: 1rem 1rem .5rem 1rem; width:100%; }
.index_pro{  padding: 1rem 1rem .5rem 1rem; width:100%; }
.index_part{  padding: 1rem 1rem .5rem 1rem; width:100%; }

.a_text {
    width: 90%;
}
}


@media (min-width: 768px) and (max-width: 991px) 
{
.index_about{  padding: 1rem 1rem .5rem 1rem; width:100%;} 
.index_pro{  padding: 1rem 1rem .5rem 1rem; width:100%;} 
.index_part{  padding: 1rem 1rem .5rem 1rem; width:100%;} 


.a_text {
    width: 100%;
}
.index_pro .last a{ margin-bottom:40px; } 


.index_about img{  margin-top:40px;  }

.a_text a {
    display: inline-block;
    background: #008acd;
    color: #fff;
    border: .01rem solid #008acd;
    border-radius: 15px;
    padding: .06rem 0.5rem;
    margin-top: 20px;
}
.index_pro a .p_text h3 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
}

}


@media all and (min-width: 320px) and (max-width: 767px) 
{
    
.index_about{  padding: 1rem 1rem 1rem 1rem; width:100%;}
.index_pro{  padding: 1rem 1rem 1rem 1rem; width:100%;}
.index_part{  padding: 1rem 1rem 1rem 1rem; width:100%;}
 
 
.a_text {
    width: 100%;
}
 
.index_pro .last a{ margin-bottom:40px; } 


.index_about img{  margin-top:20px;  }


}

@media (min-width: 1200px) and (max-width: 1399px) { 
    
.index_about{  padding: 1rem 1rem .5rem 1rem; width:100%;}
.index_pro{  padding: 1rem 1rem .5rem 1rem; width:100%;}
/* .index_part{  padding: 1rem 1rem .5rem 1rem; width:100%;} */
 
}
@media (max-width: 1199px)
{  
    
}

@media (max-width: 1010px)
{  
    .title h2 {
        font-size: 20px;
    }
    .title {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px)
{  
    .index_pro a .p_text h3 {
        font-size: 20px;
    }
    .index_pro a .p_text p {
        font-size: 14px;
    }
    .a_text a {
    display: inline-block;
    background: #008acd;
    color: #fff;
    border: .01rem solid #008acd;
    border-radius: 15px;
    padding: .06rem 1rem;
    margin-top: 20px;
}
.a_text p 
{
    font-size:14px;
}

.index_part ul li img {
    height: 20px;
    max-width: 100%;
}

.index_part ul li {
    box-shadow: 0px 1px 2px 1px #ededed;
    background: #fff;
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}
}

@media (max-width: 479px)
{  
    .index_part ul li img {
		
	}
	.index_part ul li{
    box-shadow: 0px 1px 2px 1px #ededed;
    background: #fff;
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
	}
}